<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
<script src='./js/jquery.js'></script>
<script src='./bootstrap/js/bootstrap.js'></script>
<title>商品页</title>
</head>
<style>
    header{
        width:1200px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    header .nav{
        list-style: none;
        display: flex;
        align-items: center;
        background: #409EFF;
        border-radius: 10px;
        color: #fff;
        font-size: 24px;
        padding: 5px 10px;
    }
    header .nav .nav-list{
        margin-right:20px;
    }
    header .nav .nav-list:nth-last-of-type(1){
        margin-right:0;
    }
    header .nav .nav-list a{
        text-decoration: none;
        color:#fff;
    }
    .goods{
        width:1200px;
    }
    .goods-list{
        display: flex;
        align-items: center;
        margin:20px 0;
    }
    .goods-list img{
        width: 150px;
        height:150px;
        margin-right: 30px;
    }
    .goods-list .des{
        min-width: 800px;
    }
    .price{
        min-width: 150px;
    }
</style>
<body>
    <div class="content">
        <div class="main">
            <header>
                <img class="logo" src='./img/logo.png' alt=''>
                <ul class="nav">
                    <li class="nav-list">
                        <a href="./index.html">首页</a>
                    </li>
                    <!-- <li class="nav-list">
                        <a href="#">个人信息</a>
                    </li>
                    <li class="nav-list">
                        <a href="./myorder.jsp">订单</a>
                    </li> -->
                    <li class="nav-list">
                        <a href="./buylogin.jsp">退出</a>
                    </li>
                </ul>
            </header>
            <ul class="goods">
                <li class="goods-list">
                    <img src="./img/bizhi1.jpg" alt="">
                    <div class='des'>
                        <div style="display: none">商品编号:1</div>
                        <div>商品名称:<a href="#">卧室壁纸</a></div>
                        <div>商品类型:<a href="#">壁纸</a></div>
                        <div>商品描述:<a href="#">长100宽80材质云母片</a></div>
                        <div>所属店铺:<a href="#">1</a></div>
                        <div>商品价格:<a href="#">￥60</a></div>
                        
                    </div>
                    
                    <a href="./onegoods.jsp"><button type="button" class="btn btn-info">去购买</button></a>
                    
                </li>
                <!-- <li class="goods-list">
                    <img src="./img/deng1.jpg" alt="">
                    <div class='des'>
                        <div style="display: none">商品编号:6</div>
                        <div>商品名称:<a href="#">客厅吊灯</a></div>
                        <div>商品类型:<a href="#">吊灯</a></div>
                        <div>商品描述:<a href="#">直径一米二材质高级水晶</a></div>
                        <div>所属店铺:<a href="#">2</a></div>
                        <div>商品价格:<a href="#">￥600</a></div>
                    </div>
                    <button type="button" class="btn btn-info">去购买</button>
                </li> -->
                <li class="goods-list">
                    <img src="./img/deng2.jpg" alt="">
                    <div class='des'>
                        <div style="display: none">商品编号:2</div>
                        <div>商品名称:<a href="#">客厅吊灯</a></div>
                        <div>商品类型:<a href="#">吊灯</a></div>
                        <div>商品描述:<a href="#">直径100高50材质固体晶</a></div>
                        <div>所属店铺:<a href="#">1</a></div>
                        <div>商品价格:<a href="#">￥800</a></div>
                    </div>
                    <button type="button" class="btn btn-info">去购买</button>
                </li>
                <li class="goods-list">
                    <img src="./img/chuang1.jpg" alt="">
                    <div class='des'>
                        <div style="display: none">商品编号:3</div>
                        <div>商品名称:<a href="#">实木床</a></div>
                        <div>商品类型:<a href="#">床</a></div>
                        <div>商品描述:<a href="#">长300宽240高80材质沉香木</a></div>
                        <div>所属店铺:<a href="#">1</a></div>
                        <div>商品价格:<a href="#">￥2000</a></div>
                    </div>
                    <button type="button" class="btn btn-info">去购买</button>
                </li>
                
            </ul>
        </div>
    </div>
</body>
</html>